<template>
  <div>
    <van-cell
      :title="value.label"
      v-for="value in sum"
      :key="value.label"
      @click="getValue(value)"
    />
  </div>
</template>

<script>
export default {
  name: 'SiteHi',
  components: {},
  props: {
    list: Array,
    item: String,
  },
  data() {
    return {}
  },
  computed: {
    sum() {
      return this.list.filter(
        (item) => item.short.split('')[0].toUpperCase() === this.item
      )
    },
  },
  watch: {},
  created() {
    // console.log(this.list)
  },
  methods: {
    getValue(value) {
      this.$emit('getValue', value)
    },
  },
}
</script>

<style scoped></style>
